<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/common/includes.jsp" %>

<!DOCTYPE html>
<html>
<head>
	<title>zzzzzz</title>
	<%@ include file="/WEB-INF/common/meta.jsp" %>
	<%@ include file="/WEB-INF/common/global_res.jsp" %>
	
	<script type="text/javascript" src="${ctx}/res/js/simple_tabsheet.js" ></script>
</head>
<body>

<%@ include file="/WEB-INF/common/header.jsp" %>

<div class="container">
	<div id="topic_add" class="row">
		<h1>Add <span class="fsxl">your favorite Scene or Moment ...</span></h1>
		<div class="clearfix">
			<ul class="horizontal tabs-index">
				<li><a href="#tab_add_from_video">From Video</a></li>
				<li><a href="#tab_add_from_book">From Book</a></li>
			</ul>
		</div>
		<div id="tab_add_from_video" class="tab-content">
			<%@ include file="include/add/from_video.jsp" %>
		</div>
		<div id="tab_add_from_book" class="tab-content">
			<%@ include file="include/add/from_book.jsp" %>
		</div>
	</div>
</div>

<%@ include file="/WEB-INF/common/footer.jsp" %>

<script type="text/javascript">

jq(document).ready(function() {
	
	new SimpleTabSheet({
		'j_tabsheet' : [
							{ 'j_tab' : jq('a[href$="#tab_add_from_video"]'), 'j_tab_content' : jq('#tab_add_from_video'), 'j_tab_dependency' : jq('a[href$="#tab_add_from_video"]'), 'j_tab_selected_by_default' : true },
							{ 'j_tab' : jq('a[href$="#tab_add_from_book"]'), 'j_tab_content' : jq('#tab_add_from_book'), 'j_tab_dependency' : jq('a[href$="#tab_add_from_book"]'), 'j_tab_selected_by_default' : false }
					   ]
	});
	
});

</script>

</body>
</html>